.slideshow 
  display: block
  position: relative
  z-index: 0

.slideshow-images 
  display: block
  overflow: hidden
  position: relative
  //border:   solid 1px #ffffff
  margin:   4px
    
.slideshow-images img 
  display: block
  position: absolute
  z-index: 1
    
.slideshow-thumbnails 
  overflow: hidden

.slideshow-images 
  height: 610px
  width: 820px
    
.slideshow-images-visible  
  opacity: 1
  
.slideshow-images-prev  
  opacity: 0 

.slideshow-images-next  
  opacity: 0 

.slideshow-images img 
  float: left
  left: 0
  top: 0

.slideshow 
  height: 610px
  margin: 0 auto
  width: 820px
  //border: solid 1px #fff

.slideshow a img 
  border: 0

.slideshow-captions 
  background: #000
  bottom: 0
  color: #FFF
  font: normal 12px/22px Arial, sans-serif
  left: 0
  overflow: hidden
  position: absolute
  text-indent: 20px
  width: 97.6%
  z-index: 10000
  margin-left: 5px
  line-spacing: normal
  letter-spacing: 0px

.slideshow-captions-hidden 
  height: 0
  opacity: 0

.slideshow-captions-visible 
  height: 40px
  opacity: .7

.slideshow-controller 
  background: url(/images/slideshow_components/controller.png) no-repeat
  height: 42px
  left: 50%
  margin: -21px 0 0 -119px
  overflow: hidden
  position: absolute
  top: 50%
  width: 238px
  z-index: 10000

.slideshow-controller * 
  margin: 0
  padding: 0

.slideshow-controller-hidden  
  opacity: 0

.slideshow-controller-visible 
  opacity: 1

.slideshow-controller a 
  cursor: pointer
  display: block
  height: 18px
  overflow: hidden
  position: absolute
  top: 12px

.slideshow-controller a.active 
  background-position: 0 18px

.slideshow-controller li 
  list-style: none

.slideshow-controller li.first a 
  background-image: url(/images/slideshow_components/controller-first.gif)
  left: 33px
  width: 19px

.slideshow-controller li.last a 
  background-image: url(/images/slideshow_components/controller-last.gif)
  left: 186px
  width: 19px

.slideshow-controller li.next a 
  background-image: url(/images/slideshow_components/controller-next.gif)
  left: 145px
  width: 28px

.slideshow-controller li.pause a 
  background-image: url(/images/slideshow_components/controller-pause.gif)
  left: 109px
  width: 20px

.slideshow-controller li.play a 
  background-position: 20px 0

.slideshow-controller li.play a.active 
  background-position: 20px 18px

.slideshow-controller li.prev a 
  background-image: url(/images/slideshow_components/controller-prev.gif)
  left: 65px
  width: 28px

.slideshow-loader 
  height: 28px
  right: 0
  position: absolute
  top: 0
  width: 28px
  z-index: 10001

.slideshow-loader-hidden 
  opacity: 0

.slideshow-loader-visible 
  opacity: 1

.slideshow-thumbnails 
  height: 575px
  position: absolute
  right: -124px
  top: 28px
  width: 120px

.slideshow-thumbnails * 
  margin: 0
  padding: 0

.slideshow-thumbnails ul 
  height: 575px
  left: 0
  position: absolute
  top: 0
  width: 120px

.slideshow-thumbnails li 
  float: left
  list-style: none
  margin: 0 0 5px 0
  position: relative

.slideshow-thumbnails a 
  //background: url(/images/slideshow_components/thumbnails-a.gif)
  display: block
  opacity: .5
  padding: 10px
  position: relative

.slideshow-thumbnails a:hover 
  opacity: 1 !important

.slideshow-thumbnails a img 
  border: 0
  border:   solid 1px #ffffff

.slideshow-thumbnails img 
  display: block

.slideshow-thumbnails-active 
  opacity: 1

.slideshow-thumbnails-inactive 
  opacity: .5

.slideshow-thumbnails .overlay 
  left: 0
  height: 30px
  position: absolute
  width: 100%
  z-index: 10000

.slideshow-thumbnails .overlay.a 
  background: url(/images/slideshow_components/vertical-thumbnails-a.png)
  top: 0

.slideshow-thumbnails .overlay.b 
  background: url(/images/slideshow_components/vertical-thumbnails-b.png)
  bottom: 0